<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>HyperfCMF后台登录</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <link rel="shortcut icon" href="/static/favicon.ico">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <link rel="stylesheet" href="/static/layui/css/layui.css" media="all">
    <link rel="stylesheet" href="/static/css/admin.css" media="all">

    <script>if (window.top !== window.self) { window.top.location = window.location; }</script>
    <style type="text/css">
        .main-menu{
            padding-top: 8px !important;
            padding-bottom: 8px !important;
        }

        .layui-side-menu .layui-nav .layui-nav-item nochidren {
            height: 40px;
            line-height: 40px;
            padding-left: 45px;
            padding-right: 30px;
            cursor: pointer;
            user-select: none;
            font-
        }
        .layui-nav-tree .layui-nav-item nochidren {
            position: relative;
            height: 45px;
            line-height: 45px;
            text-overflow: ellipsis;
            overflow: hidden;
            white-space: nowrap;
        }
        .layui-nav .layui-nav-item nochidren {
            display: block;
            padding: 0 20px;
            color: #fff;
            color: rgba(255,255,255,.7);
            transition: all .3s;
            -webkit-transition: all .3s;
            font-style: normal
        }
        .layui-nav .layui-nav-item nochidren cite{
            font-style: normal;
        }
    </style>
</head>

<body class="layui-layout-body">

<div id="LAY_app">
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!-- 头部区域 -->
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-item layadmin-flexible" lay-unselect>
                    <a href="javascript:;" layadmin-event="flexible" title="侧边伸缩">
                        <i class="layui-icon layui-icon-shrink-right" id="LAY_app_flexible"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="/" target="_blank" title="前台">
                        <i class="layui-icon layui-icon-website"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;" layadmin-event="refresh" title="刷新" onclick="checkToken()">
                        <i class="layui-icon layui-icon-refresh-3"></i>
                    </a>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right" lay-filter="layadmin-layout-right">
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="theme">
                        <i class="layui-icon layui-icon-theme"></i>
                    </a>
                </li>
                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="fullscreen">
                        <i class="layui-icon layui-icon-screen-full"></i>
                    </a>
                </li>
                <li class="layui-nav-item" lay-unselect>
                    <a href="javascript:;">
                        <cite id="hypercmfname"></cite>
                    </a>
                    <dl class="layui-nav-child">
                        <dd><a href="javascript:;" onclick="editPwd();">修改密码</a></dd>
                        <hr>
                        <dd style="text-align: center;"><a onclick="logout()">退出</a></dd>
                    </dl>
                </li>

                <li class="layui-nav-item layui-hide-xs" lay-unselect>
                    <a href="javascript:;" layadmin-event="about"><i
                            class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
                <li class="layui-nav-item layui-show-xs-inline-block layui-hide-sm" lay-unselect>
                    <a href="javascript:;" layadmin-event="more"><i
                            class="layui-icon layui-icon-more-vertical"></i></a>
                </li>
            </ul>
        </div>

        <!-- 侧边菜单 -->
        <div class="layui-side layui-side-menu">
            <div class="layui-side-scroll">
                <div class="layui-logo" style="background-size: 20px 20px">
                    <span>HyperCMF</span>
                </div>

                <ul class="layui-nav layui-nav-tree" lay-shrink="all" id="LAY-system-side-menu"
                    lay-filter="layadmin-system-side-menu">
                    <!--                    <li data-name="主页" lay-href="/admin/home.html" class="layui-nav-item layui-nav-itemed"><a><i-->
                    <!--                            class="layui-icon layui-icon-home"></i>主页</a></li>-->
                </ul>
            </div>
        </div
                <!-- 页面标签 -->
        <div class="layadmin-pagetabs" id="LAY_app_tabs">
            <div class="layui-icon layadmin-tabs-control layui-icon-prev" layadmin-event="leftPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-next" layadmin-event="rightPage"></div>
            <div class="layui-icon layadmin-tabs-control layui-icon-down">
                <ul class="layui-nav layadmin-tabs-select" lay-filter="layadmin-pagetabs-nav">
                    <li class="layui-nav-item" lay-unselect>
                        <a href="javascript:;"></a>
                        <dl class="layui-nav-child layui-anim-fadein">
                            <dd layadmin-event="closeThisTabs"><a href="javascript:;">关闭当前标签页</a></dd>
                            <dd layadmin-event="closeOtherTabs"><a href="javascript:;">关闭其它标签页</a></dd>
                            <dd layadmin-event="closeAllTabs"><a href="javascript:;">关闭全部标签页</a></dd>
                        </dl>
                    </li>
                </ul>
            </div>
            <div class="layui-tab" lay-unauto lay-allowClose="true" lay-filter="layadmin-layout-tabs">
                <ul class="layui-tab-title" id="LAY_app_tabsheader">
                    <li lay-id="/admin/index/home" lay-attr="/admin/index/home" class="layui-this"><i
                            class="layui-icon layui-icon-home"></i></li>
                </ul>
            </div>
        </div>
        <!-- 主体内容 -->
        <div class="layui-body" id="LAY_app_body">
            <div class="layadmin-tabsbody-item layui-show">
                <iframe src="/admin/index/home" frameborder="0" class="layadmin-iframe"></iframe>
            </div>
        </div>

        <!-- 辅助元素，一般用于移动设备下遮罩 -->
        <div class="layadmin-body-shade" layadmin-event="shade"></div>
    </div>

</div>

<script src="/static/layui/layui.js"></script>
<script src="/static/js/jquery.min.js?v=2.1.4"></script>
<script src="/static/js/plugins/layer/layer.min.js"></script>

<script>
    var expire = localStorage.getItem('token_expire_time')
    var token = localStorage.getItem('token')
    var name = localStorage.getItem('hypercmfname')
    if(token!=undefined && expire!=undefined && parseInt(expire)<=+new Date()){
        layer.confirm('登录信息已过期请重新登陆', {
            btn: ['重新登录','不了'] //按钮
        }, function(){
            window.location.href='/admin/login.html';
        }, function(){
            window.location.href='/admin/login.html';
        });
    }else if(token==undefined || !token || expire==undefined){
        console.log(+new Date(),token ,parseInt(expire))
        window.location.href='/admin/login.html';
    }
    if(name!=undefined){
        $("#hypercmfname").text(name)
    }
    layui.config({
        base: '/static/admin/' //静态资源所在路径
    }).extend({
        index: 'lib/index' //主入口模块
    }).use('index');

    function editPwd() {
        layer.open({
            type: 2,
            title: '修改密码',
            shade: 0.6,
            area: ['40%', '300px'],
            content: '/admin/user/edit_password.html'
        });
    }
    function logout() {
        localStorage.removeItem('token')
        localStorage.removeItem('token_expire_time')
        window.location.href="/admin/login.html"
    }

    function checkToken(){
        $.ajax({
            url:'/admin/index/heart',
            data:{},
            async:false,
            type:'get',
            dataType:'json',
            headers:{
                'token':localStorage.getItem('hypercmfname')+'_'+localStorage.getItem('token'),
                'accept':'*/*'
            },
            success:function(res){
                if(res.code==1){
                    console.log("登录信息有效")
                }else if(res.code==-1){
                    localStorage.removeItem('token')
                    localStorage.removeItem('token_expire_time')
                    layer.alert(res.msg,{icon:5},//1√，2×，3问号，4锁，5不开心，6开心
                        function(){
                            window.location.href="/admin/login.html"
                    })
                }
            },fail:function(res){
                layer.alert('请求失败',{icon:2})
            }
        })
    }

    function loadMenu(){
        $.ajax({
            url:'/admin/index/loadMenu',
            data:{},
            async:false,
            type:'get',
            dataType:'json',
            headers:{
                'token':localStorage.getItem('hypercmfname')+'_'+localStorage.getItem('token'),
                'accept':'*/*'
            },
            success:function(res){
                if(res.code==1){
                    localStorage.setItem('menu', JSON.stringify(res.data))
                    leftMenu()
                    console.log("登录信息有效")
                }else if(res.code==-1){
                    localStorage.removeItem('token')
                    localStorage.removeItem('token_expire_time')
                    layer.alert(res.msg,{icon:5
                        ,success:function(){
                            //window.location.href="/admin/login.html"
                        }
                    })//1√，2×，3问号，4锁，5不开心，6开心



                }
            },fail:function(res){
                layer.alert('请求失败',{icon:2})
            }
        })
    }
    loadMenu()


    function leftMenu() {
        //生成左侧菜单
        var html ='';
        let menus = JSON.parse(localStorage.getItem('menu'))
        console.log(menus)
        for (let i of menus) {
            console.log(i)
            html += `
            <li data-name="${i.node_name}" class="layui-nav-item layui-nav-itemed">
                <ul class="nav nav-second-level">`;
            if (i.is_menu==1 && i.action_name != '#') {
                html+=`
                            <a class="main-menu" lay-href="${i.href}.html" lay-text="${i.node_name}">
                                        <i class="layui-icon ${i.style}"></i>
                                        <cite>${i.node_name}</cite>
                                    </a>
                        `

            }else if(i.is_menu==1 && i.action_name == '#' && i.children != undefined && i.children.length>0){
                html+=`
                            <a class="main-menu" href="javascript:;" >
                                        <i class="layui-icon ${i.style}"></i>
                                        <cite>${i.node_name}</cite>
                                        <span class="layui-nav-more"></span>
                                    </a>
                        `
            }
            else if(i.is_menu==1 && i.action_name == '#' && (i.children == undefined || i.children.length==0)){
                html+=`
                            <nochidren class="main-menu" href="javascript:;">
                                        <i class="layui-icon ${i.style}"></i>
                                        <cite>${i.node_name}</cite>
                                    </nochidren>
                        `
            }
            if (i.children != undefined && i.children.length>0) {
                for (let j of i.children) {
                    html += `
                                <dl class="layui-nav-child">`;
                    if (j.control_name+'/'+j.action_name == 'index/index') {
                        html += `
                                <dd class="layui-this">
                                `;
                    } else {
                        html += `
                                <dd class="">
                                `;
                    }
                    if(j.action_name!='#'){
                        html += `<a lay-href="${j.href}.html">${j.node_name}</a>`
                    }else{
                        html += `<a href="javascript:;">${j.node_name}</a>`
                    }
                    html += `</dd></dl>`

                }
                html += `</ul>`
            }
            html += `</li>`
        }
        $("#LAY-system-side-menu").append(html)

    }
</script>

</body>

</html>